<template>
  <el-container>
    <el-header>
      <h1>理化信息录入</h1>
    </el-header>
    <el-main>
      <el-row>
        <el-col :span="6">
          <div class="grid-content bg-purple">基本性状：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbJbxz" placeholder="请输入内容" />
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">沸点：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbFd" placeholder="请输入内容" />
          </div>
        </el-col>
      </el-row>
      <br>
      <el-row>
        <el-col :span="6">
          <div class="grid-content bg-purple">水溶解度：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbSrjd" placeholder="请输入内容" />
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">饱和蒸气压：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbBhzqy" placeholder="请输入内容" />
          </div>
        </el-col>
      </el-row>
      <br>
      <el-row>
        <el-col :span="6">
          <div class="grid-content bg-purple">熔点：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbRd" placeholder="请输入内容" />
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">相对密度：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbXdmd" placeholder="请输入内容" />
          </div>
        </el-col>
      </el-row>
      <br>
      <el-row>
        <el-col :span="6">
          <div class="grid-content bg-purple">闪点：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbSd" placeholder="请输入内容" />
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">亨利常数：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbHlcs" placeholder="请输入内容" />
          </div>
        </el-col>
      </el-row>
      <br>
      <el-row>
        <el-col :span="6">
          <div class="grid-content bg-purple">Kow对数值：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbKowdsz" placeholder="请输入内容" />
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">Kow备注：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbKowbz" placeholder="请输入内容" />
          </div>
        </el-col>
      </el-row>
      <br>
      <el-row>
        <el-col :span="6">
          <div class="grid-content bg-purple">Koc值：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbKocz" placeholder="请输入内容" />
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">解离常数pKa：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbJlcspka" placeholder="请输入内容" />
          </div>
        </el-col>
      </el-row>
      <br>
      <el-row>
        <el-col :span="6">
          <div class="grid-content bg-purple">燃烧性：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbRsx" placeholder="请输入内容" />
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">氧化性：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbYhx" placeholder="请输入内容" />
          </div>
        </el-col>
      </el-row>
      <br>
      <el-row>
        <el-col :span="6">
          <div class="grid-content bg-purple">爆炸性：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbBzx" placeholder="请输入内容" />
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">表面张力：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbBmzl" placeholder="请输入内容" />
          </div>
        </el-col>
      </el-row>
      <br>
      <el-row>
        <el-col :span="6">
          <div class="grid-content bg-purple">pH：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbPh" placeholder="请输入内容" />
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">其他理化信息：</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple-light">
            <el-input v-model="message.lhsxbQtlhxx" placeholder="请输入内容" />
          </div>
        </el-col>
      </el-row>
      <br>
    </el-main>
  </el-container>
</template>

<script>
export default {
  name: 'PhysicalAndChemical',
  props: ['message']
}
</script>

<style scoped lang="scss">

</style>
